<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>登录页面</title>
    <meta content='width=device-width, initial-scale=1.0, shrink-to-fit=no' name='viewport'/>
    <link rel="icon" href="__IMG__/icon.ico" type="image/x-icon"/>

    <!-- Fonts and icons -->
    <script src="__JS__/plugin/webfont/webfont.min.js"></script>
    <script>
        WebFont.load({
            google: {"families": ["Open+Sans:300,400,600,700"]},
            custom: {
                "families": ["Flaticon", "Font Awesome 5 Solid", "Font Awesome 5 Regular", "Font Awesome 5 Brands"],
                urls: ['__CSS__/fonts.css']
            },
            active: function () {
                sessionStorage.fonts = true;
            }
        });
    </script>

    <!-- CSS Files -->
    <link rel="stylesheet" href="__CSS__/bootstrap.min.css">
    <link rel="stylesheet" href="__CSS__/azzara.min.css">
    <style>
        .login{
            background-image: url("__IMG__/login-bg.jpg");
        }
    </style>
</head>
<body class="login">
<div class="wrapper wrapper-login">
    <div class="container container-login animated fadeIn">
        <h3 class="text-center">图书管理系统</h3>
        <form class="login-form" action="{:url('index/login')}" method="post">
            <div class="form-group form-floating-label">
                <input id="username" name="username" type="text" class="form-control input-border-bottom" autocomplete="off" required>
                <label for="username" class="placeholder">请输入用户名</label>
            </div>
            <div class="form-group form-floating-label">
                <input id="password" name="password" type="password" class="form-control input-border-bottom" required>
                <label for="password" class="placeholder">请输入密码</label>
                <div class="show-password">
                    <i class="flaticon-interface"></i>
                </div>
            </div>
            <div class="row form-sub m-0">
                <div class="custom-control custom-checkbox">
                    <input type="checkbox" class="custom-control-input" id="rememberme">
                    <label class="custom-control-label" for="rememberme">记住我</label>
                </div>
            </div>
            <div class="form-action mb-3">
                <!--<a href="#" classes="btn btn-primary btn-rounded btn-login">Sign In</a>-->
                <input type="submit" value="登 录" class="btn btn-primary btn-rounded btn-login">
            </div>
        </form>
    </div>

</div>
<script src="__JS__/core/jquery.3.2.1.min.js"></script>
<script src="__JS__/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
<script src="__JS__/core/popper.min.js"></script>
<script src="__JS__/core/bootstrap.min.js"></script>
<script src="__JS__/ready.js"></script>
</body>
</html>